<template>
  <div class="index">
    <p>vant3 + vue3  vant(有赞ui)ui组件库测试使用</p>
    <!-- vant - 按钮部分的组件测试 -->
    <VantButton></VantButton>
    <VantToast></VantToast>
    <ScssVariable></ScssVariable>
  </div>
</template>

<script>

// 引入 vant-button
import VantButton  from '@/components/vant/button.vue'
// 引入 vant-toast
import VantToast  from '@/components/vant/toast.vue'
// 引入 scss 变量
import  ScssVariable from '@/components/scss/variable'

export default {
  name: 'Home',
  components:{
    VantButton,
    VantToast,
    ScssVariable
  },
  props: {
    msg: String
  },
  methods:{
    
  }
}
</script>

<style scoped>
.index {
  border: 1px solid red;
}
</style>
